<!-- ajax -->
<script type="text/javascript">
$(function(){
	$("input#register").click(function(){
		
		var url="<?=base_url()?>logon/create_member";
		var dataSet={ firstname: $("#firstname").val(), lastname: $("#lastname").val(), nickname: $("#nickname").val(), gender: $("#gender").val(), birthdate: $("#birthdate").val(), address: $("#address").val(), province: $("#province").val(), email: $("#email").val(), username: $("#username").val(), password: $("#password").val() };
		$('#text').empty().html('<p><center><img src="<?=base_url()?>images/ajax-loader.gif" width="220" height="19" /></center></p>');
		$.post(url,dataSet,function(data){
    		//alert("Success "+dataSet.firstname+dataSet.lastname);
			$("#text").html(data);
 		 });
	});
});
</script>
<script>
	$(function() {
		$( "#birthdate" ).datepicker({
			changeMonth: true,
			changeYear: true
		});
	});
</script>


<form method="post" action="">
  <table width="550" border="0">
    <tr>
      <td>ข้อมูลส่วนตัว</td>
      <td>ข้อมูลเข้าใช้ระบบ</td>
    </tr>
    <tr>
      <td colspan="2"><hr/></td>
    </tr>
    <tr>
      <td><p>ชื่อจริง</p>
        <label>
        <input type="text" name="firstname" id="firstname" />
        </label></td>
      <td>
<p> Username</p>
        <label>
        <input type="text" name="username" id="username" />
        </label></td>
    </tr>
    <tr>
      <td><br />
<p>นามสกุล</p>
        <label>
        <input type="text" name="lastname" id="lastname" />
        </label></td>
      <td><br />
<p>Password</p>
        <label>
        <input type="text" name="password" id="password" />
        </label></td>
    </tr>
    <tr>
      <td><br />
<p>ชื่อเล่น (ชื่อในบล็อก)</p>
        <label>
        <input type="text" name="nickname" id="nickname" />
        </label></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><br />
<p>เพศ</p>
        <p>
          <label>
          <input type="radio" id="gender" name="gender" value="male" />
          ชาย</label>
          <br />
          <label>
          <input type="radio" id="gender" name="gender" value="female" />
          หญิง</label>
          <br />
        </p>
        <label></label></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><br />
<p>
          วันเกิด</p>
        <label>
        <input type="text" name="birthdate" id="birthdate" /> <img src="<?=base_url()?>images/graphic/calendar-day.png"/>
        </label></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><br />
<p>ที่อยู่</p>
        <label>
        <textarea name="address" id="address" cols="30" rows="3"></textarea>
        </label></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><br />
<p>จังหวัด</p>
        <label>
        <select name="province" id="province" style="width:203px">
          <option value="1">กระบี่ </option>
          <option value="2">กรุงเทพฯ </option>
          <option value="3">กาญจนบุรี </option>
          <option value="4">กาฬสินธุ์ </option>
          <option value="5">กำแพงเพชร </option>
          <option value="6">ขอนแก่น </option>
          <option value="7">จันทบุรี </option>
          <option value="8">ฉะเชิงเทรา </option>
          <option value="9">ชลบุรี </option>
          <option value="10">ชัยนาท </option>
          <option value="11">ชัยภูมิ </option>
          <option value="12">ชุมพร </option>
          <option value="13">เชียงราย </option>
          <option value="14">เชียงใหม่ </option>
          <option value="15">ตรัง </option>
          <option value="16">ตราด </option>
          <option value="17">ตาก </option>
          <option value="18">นครนายก </option>
          <option value="19">นครปฐม </option>
          <option value="20">นครพนม </option>
          <option value="21">นครราชสีมา </option>
          <option value="22">นครศรีธรรมราช </option>
          <option value="23">นครสวรรค์ </option>
          <option value="24">นนทบุรี </option>
          <option value="25">นราธิวาส </option>
          <option value="26">น่าน </option>
          <option value="27">บุรีรัมย์ </option>
          <option value="28">ปทุมธานี </option>
          <option value="29">ประจวบคีรีขันธ์ </option>
          <option value="30">ปราจีนบุรี </option>
          <option value="31">ปัตตานี </option>
          <option value="32">พระนครศรีอยุธยา </option>
          <option value="33">พะเยา </option>
          <option value="34">พังงา </option>
          <option value="35">พัทลุง </option>
          <option value="36">พิจิตร </option>
          <option value="37">พิษณุโลก </option>
          <option value="38">เพชรบุรี </option>
          <option value="39">เพชรบูรณ์ </option>
          <option value="40">แพร่ </option>
          <option value="41">ภูเก็ต </option>
          <option value="42">มหาสารคาม </option>
          <option value="43">มุกดาหาร </option>
          <option value="44">แม่ฮ่องสอน </option>
          <option value="45">ยโสธร </option>
          <option value="46">ยะลา </option>
          <option value="47">ร้อยเอ็ด </option>
          <option value="48">ระนอง </option>
          <option value="49">ระยอง </option>
          <option value="50">ราชบุรี </option>
          <option value="51">ลพบุรี </option>
          <option value="52">ลำปาง </option>
          <option value="53">ลำพูน </option>
          <option value="54">เลย </option>
          <option value="55">ศรีสะเกษ </option>
          <option value="56">สกลนคร </option>
          <option value="57">สงขลา </option>
          <option value="58">สตูล </option>
          <option value="59">สมุทรปราการ </option>
          <option value="60">สมุทรสงคราม </option>
          <option value="61">สมุทรสาคร </option>
          <option value="62">สระแก้ว </option>
          <option value="63">สระบุรี </option>
          <option value="64">สิงห์บุรี </option>
          <option value="65">สุโขทัย </option>
          <option value="66">สุพรรณบุรี </option>
          <option value="67">สุราษฎร์ธานี </option>
          <option value="68">สุรินทร์ </option>
          <option value="69">หนองคาย </option>
          <option value="70">หนองบัวลำภู </option>
          <option value="71">อ่างทอง </option>
          <option value="72">อำนาจเจริญ </option>
          <option value="73">อุดรธานี </option>
          <option value="74">อุตรดิตถ์ </option>
          <option value="75">อุทัยธานี </option>
          <option value="76">อุบลราชธานี </option>
        </select>
        </label>      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><p><br />
          อีเมล์</p>
        <label>
        <input type="text" name="email" id="email" />
        </label></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td colspan="2"><div align="center" style="margin:15px;">
        <input id="register" name="register" type="submit" value="Confirm Register" style="border:none; background: #348075; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:5px;
        color:#FFFFFF;
    box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;"/>
      </div></td>
    </tr>
  </table>
</form>
